<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
<!-- 		共有三种选择器（写在<head>CSS选择器</head>）
		1.标记（元素）选择器：eg：（<style>主题里面的的div标记body里面的全部div）
		2.class选择器(使用率高):在style中(.类名{...} 并在主体中<span class = "类名">...</span>)
		3.id选择器:在style中 #firstDiv {...} 主体<div id="firetDiv">... </div>
							#secondDiv {...} 主体<div id="secondDiv">...</div>(id选择器中id不能重名) -->
		<title>CSS选择器(重点)</title>
		<style>
			div{
				font-size: 30px;
				color: red;
				text-align: center;
			}
			.Year{
				font-size: 50px;
				color: black;
				text-align: center;
			}
			#firstDiv{
				color: blue;
				font-size: 20px;
			}
			#secondDiv{
				color: blue;
				font-size: 20px;
			}
		</style>
	</head>
	<body>
		<h2>1.标记（元素）选择器</h2>
		<div>
			重庆四大美食：火锅、重庆小面、老麻抄手、酸辣粉
		</div>
		<div>
			但是我一年没吃过了
		</div>
		<h2>2.class选择器</h2>
		<div class="Year">
			今年是很不幸的的一年
			<span class="Year">包括我自己</span>
		</div>
		<h3>3.id选择器</h3>
		<div id="firstDiv">打游戏</div>
		<div id="secondDiv">睡觉</div>
	</body>
</html>